<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>基金申购</title>
    <meta charset="UTF-8">
    <link type="text/css" rel="stylesheet" href="css/bootstrap.css">
    <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.css">
    <link type="text/css" rel="stylesheet" href="css/common.css">
    <link type="text/css" rel="stylesheet" href="css/style.css">
    <link type="text/css" rel="stylesheet" href="css/openaccount.css">
    <link type="text/css" rel="stylesheet" href="css/form.css">
    <style type="text/css">
        .layout {
            margin: 20px auto;
        }
        .panel-button .button {
            float: left;
            font-size: 14px;
            line-height: 30px;
            text-decoration: none;
            text-align: center;
            height: 31px;
            background: url(./img/button.png) no-repeat;
            width: 103px;
            color: #FFF;
            font-weight: bold;
            border: none;
            cursor: pointer;
        }
        .panel-button .button:hover {
            background-position: 0 -42px;
            color: #FFF;
        }
    </style>
</head>
<body>
<!-- 导航条 -->
<div class="container">
    <div class="panel navbar navbar-inverse" style="margin-bottom: 0;">
        <div class="navbar-header" style="margin-right: 100px;">
            <img src="img/logo.jpg" class="logo">
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="./project.html">来投资 <span class="caret"></span></a>
                    <ul role="menu" class="dropdown-menu">
                        <li><a href="./project.html">项目投标</a></li>
                        <li><a href="./fund.html">基金交易</a></li>
                    </ul>
                </li>
                <li><a href="#">来理财</a></li>
                <li class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="./blog.html">来了解 <span class="caret"></span></a>
                    <ul role="menu" class="dropdown-menu">
                        <li><a href="./blog.html">全部</a></li>
                        <li><a href="./blog.html">理财知识</a></li>
                        <li><a href="./blog.html">金融市场</a></li>
                        <li><a href="./blog.html">财经资讯</a></li>
                        <li><a href="./blog.html">投资技巧</a></li>
                        <li><a href="./blog.html">生活享受</a></li>
                    </ul>
                </li>
                <li><a href="#">来扎堆</a></li>
            </ul>
            <div class="navbar-form navbar-right">
                <a href="#" class="btn"><img src="img/btn_login.png"></a>
                <a href="./reg.html" class="btn"><img src="img/btn_regist.png"></a>
            </div>
        </div>
    </div>
</div>

<div class="container" role="main">
    <div class="layout">
        <div class="loginwrap">
            <div class="login_left" style="padding:0 70px;">
                <div class="space50"></div>
                <div style="text-align:left;line-height:28px;font-size:14px;">
                    尊敬的新橘用户，欢迎您！您正在使用数米基金网进行基金交易。数米基金网是证监会批准的<span style="color:blue;">第三方基金销售机构</span>，资格号是：<span style="color:blue;">000 000305</span>；
                    <br>
                    新橘是数米基金网的官方合作伙伴。
                    <p style="color: red;margin-top:20px;">通过以下步骤，完成您在新橘站点账户与数米基金交易账户的绑定，方可进行基金交易。</p>
                </div>
                <div class="space10"></div>
                <form action="#" id="CreateTradeAccount" method="post" class="form-horizontal" role="form">
                    <div class="list">
                        <ul class="text-right">
                            <li class="item">
                                <h5><label class="col-lg-1 control-label" for="realname">姓名：</label></h5>
                                <div class="col-sm-3">
                                    <input class="form-control input-sm" id="RealName" maxlength="15" name="RealName" placeholder="验证您的身份信息" size="30" tabindex="1" type="text" value="" valid="true"><p message="请填写开户人姓名" errormessage="不能为空" class="note_right" style="display: block;"></p>
                                </div>
                            </li>
                            <li class="item">
                                <h5><label class="col-lg-1 control-label" for="Credential" style="padding: 0;margin: 0;">身份证：</label></h5>
                                <div class="col-sm-3">
                                    <input class="form-control" id="Credential" maxlength="18" name="Credential"  placeholder="请输入18位身份证号" size="30" tabindex="2" type="text" value="" valid="true"><p message="请输入18位身份证号码，一代身份证已停止使用" errormessage="不能为空" class="note_right" style="display: block;"></p>
                                </div>
                            </li>
                            <li class="item">
                                <h5><label class="col-lg-1 control-label" for="Mobile" style="padding: 0;margin: 0;">手机号码：</label></h5>
                                <div class="col-sm-3">
                                    <input class="form-control" id="Mobile" maxlength="11" name="Mobile"  placeholder="用于接收资金变更信息及找回密码" size="30" tabindex="3" type="text" value="" valid="true">                                    <p class="note_right" message="请确保手机号码正确，以便于接收交易通知及找回密码" errormessage="不能为空" style="display: block;"></p>
                                </div>
                            </li>
                            <li class="item other" style="text-align:left;">
                                <input type="checkbox" class="save" id="Agree1" value="" tabindex="8" checked="checked">
                                <label for="Agree1">我已阅读并同意《<a href="#" target="_blank">网站交易系统第三方协议</a>》</label>
                            </li>
                        </ul>
                    </div>
                    <div class="space10"></div>
                    <div class="panel-button" style="margin-left: 100px;">
                        <a class="h32 button" role="button" tabindex="4" href="fund_schema.html" data-tiptext="正在提交"><b>下一步</b></a>
                    </div>
                </form>
                <div class="space50"></div>
            </div>
        </div>
    </div>

    <div class="Prompt" style="border: 1px solid #AADD11; background: #F3FCD1; padding: 15px; color: #333; font-size: 12px; margin: 0 auto 20px auto;">基金交易服务由杭州数米基金销售有限公司提供，新橘为杭州数米基金销售有限公司官方合作伙伴，杭州数米基金销售有限公司基金销售业务资格号000000305。</div>
</div>

<!-- 底部 -->
<div class="container">
    <div class="panel footer panel-body" style="background-color: #303133;margin: 0">
        <div class="row panel-body" style="padding: 0">
            <div class="col-sm-3">
                <span style="margin-right: 60px;">版权所有 &copy; xxxxxxxxxxxxxxxxx</span>
            </div>
            <div class="col-lg-2" style="padding-left: 0;padding-right: 0">
                <span>全国服务热线：4001 8888 88</span>
            </div>
            <div class="col-sm-7 text-right">
                <span>注册新橘财富</span>
                <label>邮箱：<input type="text"></label>
                <label>密码：<input type="text"></label>
                <a href="./reg.html" style="margin-left: 15px;"><img src="img/regist.jpg"></a>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/echarts-plain.js"></script>
</body>
</html>
